/* 扩展主题样式 - 包含更多常用组件 */

/* ===== 搜索输入框主题 ===== */
.theme-search-input {
	transition: all 0.3s ease;
	border-radius: 25px;
	padding: 12px 20px;
}

.theme-light .theme-search-input {
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid var(--border-light);
	color: var(--text-primary);
}

.theme-dark .theme-search-input {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: var(--text-primary);
}

/* ===== 导航文字主题 ===== */
.theme-nav-text {
	transition: color 0.3s ease;
}

.theme-light .theme-nav-text {
	color: var(--text-primary);
}

.theme-dark .theme-nav-text {
	color: var(--text-primary);
}

/* ===== 更多按钮主题 ===== */
.theme-more-btn {
	transition: all 0.3s ease;
	border-radius: 20px;
	padding: 8px 16px;
}

.theme-light .theme-more-btn {
	background: var(--overlay-medium);
}

.theme-dark .theme-more-btn {
	background: rgba(255, 255, 255, 0.2);
}

.theme-more-btn:active {
	transform: scale(0.95);
}

/* ===== 商品项主题 ===== */
.theme-product-item {
	transition: all 0.3s ease;
	border-radius: 15px;
	overflow: visible;
}

.theme-light .theme-product-item {
	background: rgba(255, 255, 255, 0.98);
	border: 1px solid var(--border-light);
	box-shadow: 0 8px 25px var(--shadow-light);
}

.theme-dark .theme-product-item {
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0 8px 25px var(--shadow-medium);
}

.theme-product-item:active {
	transform: translateY(-2px);
	box-shadow: 0 12px 30px var(--shadow-heavy);
}

/* ===== 服务卡片主题 ===== */
.theme-service-card {
	transition: all 0.3s ease;
	border-radius: 15px;
}

.theme-light .theme-service-card {
	background: rgba(255, 255, 255, 0.98);
	border: 1px solid var(--border-light);
	box-shadow: 0 8px 25px var(--shadow-light);
}

.theme-dark .theme-service-card {
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 8px 25px var(--shadow-medium);
}

/* ===== 服务文字主题 ===== */
.theme-service-title {
	transition: color 0.3s ease;
}

.theme-light .theme-service-title {
	color: var(--text-primary);
}

.theme-dark .theme-service-title {
	color: var(--text-primary);
}

.theme-service-desc {
	transition: color 0.3s ease;
}

.theme-light .theme-service-desc {
	color: var(--text-secondary);
}

.theme-dark .theme-service-desc {
	color: var(--text-secondary);
}

/* ===== 底部卡片主题 ===== */
.theme-bottom-card {
	transition: all 0.3s ease;
	border-radius: 15px;
	padding: 25px;
	text-align: center;
	backdrop-filter: blur(10px);
}

.theme-light .theme-bottom-card {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid var(--border-light);
	box-shadow: 0 4px 20px var(--shadow-light);
}

.theme-dark .theme-bottom-card {
	background: rgba(255, 255, 255, 0.1);
	border: none;
	box-shadow: none;
}

/* ===== 底部文字主题 ===== */
.theme-bottom-title {
	transition: color 0.3s ease;
}

.theme-light .theme-bottom-title {
	color: var(--text-primary);
}

.theme-dark .theme-bottom-title {
	color: var(--text-primary);
}

.theme-bottom-desc {
	transition: color 0.3s ease;
}

.theme-light .theme-bottom-desc {
	color: var(--text-secondary);
}

.theme-dark .theme-bottom-desc {
	color: rgba(255, 255, 255, 0.8);
}

/* ===== 分类侧边栏主题 ===== */
.theme-category-sidebar {
	transition: all 0.3s ease;
	backdrop-filter: blur(15px);
}

.theme-light .theme-category-sidebar {
	background: rgba(255, 255, 255, 0.9);
	border-right: 1px solid var(--border-light);
	box-shadow: 2px 0 10px var(--shadow-light);
}

.theme-dark .theme-category-sidebar {
	background: rgba(255, 255, 255, 0.1);
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: none;
}

/* ===== 分类项主题 ===== */
.theme-category-item {
	transition: all 0.3s ease;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.theme-light .theme-category-item {
	border-bottom-color: var(--border-light);
}

.theme-dark .theme-category-item {
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

.theme-category-item.active {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	border-right: 3px solid #fff;
	box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
}

/* ===== 分类名称主题 ===== */
.theme-category-name {
	transition: color 0.3s ease;
}

.theme-light .theme-category-name {
	color: var(--text-primary);
}

.theme-dark .theme-category-name {
	color: #fff;
}

/* ===== 分类数量主题 ===== */
.theme-category-count {
	transition: all 0.3s ease;
	border-radius: 8px;
	backdrop-filter: blur(10px);
}

.theme-light .theme-category-count {
	color: var(--text-secondary);
	background: var(--overlay-medium);
}

.theme-dark .theme-category-count {
	color: rgba(255, 255, 255, 0.8);
	background: rgba(255, 255, 255, 0.2);
}

/* ===== 商品区域主题 ===== */
.theme-products-area {
	transition: all 0.3s ease;
	backdrop-filter: blur(15px);
}

.theme-light .theme-products-area {
	background: rgba(255, 255, 255, 0.9);
	border-left: 1px solid var(--border-light);
	box-shadow: -2px 0 10px var(--shadow-light);
}

.theme-dark .theme-products-area {
	background: rgba(255, 255, 255, 0.1);
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: none;
}

/* ===== 分类标题区域主题 ===== */
.theme-category-header {
	transition: all 0.3s ease;
	position: sticky;
	top: 0;
	z-index: 10;
}

.theme-light .theme-category-header {
	background: rgba(255, 255, 255, 0.9);
	border-bottom: 1px solid var(--border-light);
	box-shadow: 0 2px 10px var(--shadow-light);
}

.theme-dark .theme-category-header {
	background: rgba(255, 255, 255, 0.05);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: none;
}

/* ===== 标题文字主题 ===== */
.theme-title-text {
	transition: color 0.3s ease;
}

.theme-light .theme-title-text {
	color: var(--text-primary);
	text-shadow: none;
}

.theme-dark .theme-title-text {
	color: #fff;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* ===== 副标题主题 ===== */
.theme-title-subtitle {
	transition: color 0.3s ease;
}

.theme-light .theme-title-subtitle {
	color: var(--text-secondary);
}

.theme-dark .theme-title-subtitle {
	color: rgba(255, 255, 255, 0.7);
}

/* ===== 筛选按钮主题 ===== */
.theme-filter-btn {
	transition: all 0.3s ease;
	border-radius: 20px;
	backdrop-filter: blur(10px);
}

.theme-light .theme-filter-btn {
	background: var(--overlay-medium);
	border: 1px solid var(--border-light);
}

.theme-dark .theme-filter-btn {
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.theme-filter-btn:active {
	background: rgba(255, 255, 255, 0.3);
	transform: scale(0.95);
}

/* ===== 筛选文字主题 ===== */
.theme-filter-text {
	transition: color 0.3s ease;
}

.theme-light .theme-filter-text {
	color: var(--text-primary);
}

.theme-dark .theme-filter-text {
	color: #fff;
}

/* ===== 空状态主题 ===== */
.theme-empty-title {
	transition: color 0.3s ease;
}

.theme-light .theme-empty-title {
	color: var(--text-primary);
	text-shadow: none;
}

.theme-dark .theme-empty-title {
	color: #fff;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.theme-empty-desc {
	transition: color 0.3s ease;
}

.theme-light .theme-empty-desc {
	color: var(--text-secondary);
}

.theme-dark .theme-empty-desc {
	color: rgba(255, 255, 255, 0.8);
}

/* ===== 用户头部主题 ===== */
.theme-user-header {
	transition: all 0.3s ease;
	backdrop-filter: blur(10px);
}

.theme-light .theme-user-header {
	background: rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid var(--border-light);
}

.theme-dark .theme-user-header {
	background: rgba(255, 255, 255, 0.15);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* ===== 统计卡片主题 ===== */
.theme-stats-card {
	transition: all 0.3s ease;
	border-radius: 20px;
	backdrop-filter: blur(10px);
}

.theme-light .theme-stats-card {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid var(--border-light);
	box-shadow: 0 4px 20px var(--shadow-light);
}

.theme-dark .theme-stats-card {
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 4px 20px var(--shadow-medium);
}

/* ===== 菜单组主题 ===== */
.theme-menu-group {
	transition: all 0.3s ease;
	border-radius: 20px;
	backdrop-filter: blur(10px);
}

.theme-light .theme-menu-group {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid var(--border-light);
	box-shadow: 0 4px 20px var(--shadow-light);
}

.theme-dark .theme-menu-group {
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 4px 20px var(--shadow-medium);
}

/* ===== 菜单项主题 ===== */
.theme-menu-item {
	transition: all 0.3s ease;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.theme-light .theme-menu-item {
	border-bottom-color: var(--border-light);
}

.theme-dark .theme-menu-item {
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

.theme-menu-item:active {
	background: rgba(255, 255, 255, 0.1);
}

.theme-light .theme-menu-item:active {
	background: rgba(0, 0, 0, 0.05);
}

/* ===== 语言/主题区域主题 ===== */
.theme-language-section,
.theme-theme-section,
.theme-service-section {
	transition: all 0.3s ease;
	border-radius: 20px;
	backdrop-filter: blur(10px);
}

.theme-light .theme-language-section,
.theme-light .theme-theme-section,
.theme-light .theme-service-section {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid var(--border-light);
	box-shadow: 0 4px 20px var(--shadow-light);
}

.theme-dark .theme-language-section,
.theme-dark .theme-theme-section,
.theme-dark .theme-service-section {
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 4px 20px var(--shadow-medium);
}

/* ===== 选项项主题 ===== */
.theme-language-option,
.theme-theme-option {
	transition: all 0.3s ease;
	border-radius: 15px;
	border: 2px solid transparent;
}

.theme-light .theme-language-option,
.theme-light .theme-theme-option {
	background: rgba(0, 0, 0, 0.03);
	border-color: rgba(0, 0, 0, 0.05);
}

.theme-dark .theme-language-option,
.theme-dark .theme-theme-option {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.1);
}

.theme-light .theme-language-option.active,
.theme-light .theme-theme-option.active {
	background: rgba(0, 0, 0, 0.08);
	border-color: rgba(0, 0, 0, 0.15);
}

.theme-dark .theme-language-option.active,
.theme-dark .theme-theme-option.active {
	background: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.3);
}

/* ===== 版本信息主题 ===== */
.theme-version-info {
	transition: all 0.3s ease;
	border-radius: 15px;
	backdrop-filter: blur(10px);
}

.theme-light .theme-version-info {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid var(--border-light);
	box-shadow: 0 4px 20px var(--shadow-light);
}

.theme-dark .theme-version-info {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 4px 20px var(--shadow-medium);
}

/* ===== 通用过渡效果 ===== */
.theme-transition {
	transition: all 0.3s ease;
}

.theme-transition-fast {
	transition: all 0.2s ease;
}

.theme-transition-slow {
	transition: all 0.5s ease;
}

/* ===== 通用激活效果 ===== */
.theme-active {
	transform: scale(0.95);
}

.theme-active-lift {
	transform: translateY(-2px);
}

.theme-active-slide {
	transform: translateX(5px);
}
